<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1024" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>骚话连篇</title>
    <meta name="keywords" content="我爱你XXX" />
    <meta name="description" content="我爱你XXX" />
    <meta name="author" content="我爱你XXX" />

    <!--link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" /-->

    <link href="qqguoji.css" rel="stylesheet" />

    <link rel="shortcut icon" href="favicon.png" />
    <link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>
<body class="impress-not-supported" onload="timedCount()">

<div class="fallback-message">
    <p>您的浏览器不支持HTML5，看不到<ddd> 3D </ddd>特效，肿么办？</p>
    <p><b>不用怕！</b></p><p>请下载最新的 <b>Chrome</b>, <b>Safari</b> 或者 <b>Firefox</b> 浏览器(360急速，搜狗的“极速模式”也可以哦~)</p>
</div>
<div id="impress">
    <div id="bored" class="step slide" data-x="-1000" data-y="-1500">
        <q><p>既然你都扫码了 </p><p><b> 怎能 </b>让你失望呢？</p></q>
    </div>

    <div class="step slide" data-x="0" data-y="-1500">
        <q>这个网页拿去表白吧！  O(∩_∩)O哈哈~</q>
    </div>

    <div class="step slide" data-x="1000" data-y="-1500">
        <q><p>A U V？不晓得咋下载？</p><p>那好吧<b> 给你 </b><a href="https://github.com/MrDCG/love">点我下载</a></p></q>
    </div>

    <div id="title" class="step" data-x="0" data-y="0" data-scale="4">
        <span class="try">XXX</span>
        <h1>我爱你<sup>!</sup></h1>
        <!--span class="footnote"><sup>*</sup> no rhyme intended</span-->
    </div>

    <div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
        <p>为中华之崛起</p>
    </div>

    <div id="big" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="6">
        <p>我已经和你携手走过了<b><span id="shijian"></span></b><span class="thoughts">秒</span></p>
    </div>


    <div id="tiny" class="step" data-x="2825" data-y="2325" data-z="-3000" data-rotate="300" data-scale="1">
        <p>时光<b> 如水岁月 </b>如歌</p>
    </div>


    <div id="ing" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
        <p><span class="px60">你</span> <b class="positioning">常常</b><b class="rotating">哭泣</b><br> <span class="px60">我</span> <b class="scaling">常常亲你</b><br /><xiaozi>你喜欢用脸在我的脸上狂蹭 &nbsp; 我喜欢拉起你的手，轻轻地吻</xiaozi></p>
    </div>

    <div id="imagination" class="step" data-x="6700" data-y="-300" data-scale="6">
        <p>我要大声说出 <br /><b class="imagination">我爱你！</b></p>
    </div>

    <div id="source" class="step" data-x="6300" data-y="2000" data-rotate="20" data-scale="4">
        <p>别人的秀恩爱网页都 <br /><b>弱爆了好么！</b></p>
    </div>

    <div id="one-more-thing" class="step" data-x="6000" data-y="4000" data-scale="2">
        <p>还有一句话......</p>
    </div>


    <div id="its-in-3d" class="step" data-x="6200" data-y="4300" data-z="-100" data-rotate-x="-40" data-rotate-y="10" data-scale="2">
        <p><span class="have">从</span> <span class="you">各个</span> <span class="noticed">方向看</span> <span class="its">我都是</span> <b><span class="in">爱</span></b> 你<sup>的</sup>！</p>
        <span class="footnote">(好吧我承认我是为了秀一下3D特效 ... )</span>
    </div>


    <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
    </div>

</div>


<div class="hint">
    <p>请使用 "空格键" 或者 "↑ ↓ ← →" 操控</p>
</div>
<script>
    if ("ontouchstart" in document.documentElement) {
        document.querySelector(".hint").innerHTML = "<p>按下 '← →' 操控</p>";
    }
</script>


<script src="yhc.js"></script>
<script src="main.js" charset="utf-8"></script>
<script>impress().init();</script>


<div style="display: none">

</div>
</body>
</html>